<template>
    <Viewer :value="value" :plugins="plugins" style="font-size: 18px; min-height: 1000px;"/>
  </template>
<style scoped>
</style>

<script setup lang="ts">
import gfm from '@bytemd/plugin-gfm'
import highlight from '@bytemd/plugin-highlight';
import { Viewer } from '@bytemd/vue-next'
import { withDefaults,defineProps } from 'vue';

interface Props {
    value: string;
  }
  
  const plugins = [
    gfm(),
    highlight(),
    // Add more plugins here
  ]

 const props = withDefaults(defineProps<Props>(),{
     value:() => "",
  });
</script>